<%
var config = {
    "title":"教育网站",
    "mainCss":"systemCourse/courseDetails",
    "mainJs":"",
    "css":[],
    "js":[]
}
%>
<%- include('../include/header.ejs',config) %>
<div class="Center clearfix main">
    <div class="left">
        <div class="jumbotron">
            <div class="container">
                <h2>推荐 2018暑假数学系统课<span class="Price">¥ 199</span></h2>
                <p>7月9日-8月18日每周三 18:30-20:30<span class="align-right">120人购买</span></p>
                <p>适合高三 | 全国地区通用<span class="align-right">7月30日停售</span></p>
                <p class="buuttonBox"><a href="#" class="btn btn-primary btn-lg align-right" role="button">立即报名</a></p>  
            </div>
        </div>
        <!--
        <div class="thumbnail">
            <img src="https://static.bootcss.com/www/assets/img/w3schools.png?1502242029193" alt="..." style="width:100%;">
            <div class="caption">
                <h3>推荐 2018暑假数学系统课 <span class="Price">¥ 199</span></h3>
                <p>7月9日-8月18日每周三 18:30-20:30<span class="align-right">120人购买</span></p>
                <p>适合高三 | 全国地区通用<span class="align-right">7月30日停售</span></p>
                <p class="buuttonBox"><a href="#" class="btn btn-default btn-lg align-right" role="button">立即报名</a></p>
            </div>
        </div>
        -->
        <p class="courseDetails">课程详情</p>
        <div class="courseDetailsBox"></div>
    </div>
    <div class="right">
        <h4 class="title">在线学习辅导只需简单3步：</h4>
        <div class="media">
            <div class="media-left">
                <a href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" style="width: 64px; height: 64px;">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">报名课程</h4>
                <p>在网站上选择并报名自己感兴趣的课程</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" style="width: 64px; height: 64px;">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">安排课程</h4>
                <p>报名课程以后，老师会第一时间联系并为您安排上课</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" style="width: 64px; height: 64px;">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">上课</h4>
                <p>开课前10分钟即可从我的课程进入教室，课后可无限次回看</p>
            </div>
        </div>
    </div>
</div>
<%- include('../include/footer.ejs',config) %>